html,body,div,p,a,ul,li,dl,dt,h1,h2,h3,h4,h5,h6,span,img,input{margin: 0;padding: 0;font-family: "Open Sans",Tahoma,Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;line-height: 1.5;}
ul,li{list-style: none;}
a{text-decoration: none;}
a:hover {text-decoration: none; }
.warp{width: 1080px;min-width:320px;margin: 0 auto;}
.cl:after{display: block;clear: both;height: 0;content:'';}
i{font-style: normal;}
input,button{border: none;outline: none;}
img{border: none;}
body {background: #f5f5f7;/*background: #fcfcfc url(../assets2020/images/body_bg_chunjie.png) center top no-repeat;*//*background: #fcfcfc url(../assets2020/images/bg10.1.jpg) center top no-repeat;*/}
.header { width: 100%; height: 100px; line-height: 100px; background: #ff551e url(navBg.png) center top no-repeat;/*background:url(navBg.png) center top no-repeat;*/ margin-bottom: 20px;}

.header .warp {position: relative;}

.header .nav {line-height: 100px;font-size: 16px;}
.header .nav a {display: inline-block;margin-right: 20px;padding:  10px 0; border-bottom: 2px solid transparent;vertical-align: middle;color: #fff;}
.header .home{padding: 0;}
.header .nav a:hover{border-bottom: 2px solid #fff;}
.header .nav .home:hover{border-bottom: 2px solid transparent;}
.header .nav .active{border-bottom: 2px solid #fff;}

.header .subnav {position: absolute; right: 0;top: 30px;z-index: 10;font-size: 14px;}

.search-box {display: inline-block;}

.search-bar,#scbar_form {width: auto;height: 40px; position: relative;top: 0;padding: 0 45px 0 15px;border-radius: 30px;border: 1px solid #fd906b;background: rgba(255,255,255,.1); transition: width .5s;float: none;margin-top: 0;}

.search-bar input {display: inline-block; float: left;line-height: 40px;}

.search-bar .scbar_btn,#scbar_btn {width: 40px;height: 40px;float: none;position: absolute;right: 5px;top: 0;background:url(search_icon.png) 14px center no-repeat;}
.scbar_btn_td{width: 40px;background:none;}

::-webkit-input-placeholder {color: #FFFFFF;}
:-ms-input-placeholder {color: #FFFFFF;}
:-moz-placeholder {color: #FFFFFF;}

.search-bar .active,#scbar_txt {float: none; width: 140px;height:40px;padding-left: 0;background: transparent;color: #FFFFFF;}
.search-bar .active[placeholder] {color: #FFFFFF !important;}
.search-bar:hover {cursor: pointer;}
.scbar_icon_td{display: none;}
/***************************内容部分开始************************/
.content{}
/*顶部广告*/
.head_ads{width: 100%;margin-bottom: 20px;}
.head_ads img{display:block;width: 100%;margin-bottom: 8px;}
.hx-ads { margin-bottom: 10px;}
.xlAds {margin-bottom: 10px;}

/*左边内容*/
.left{width: 800px;position: relative;padding-bottom: 40px;float: left;}
/*图片展示*/
.slideshow { position: relative;margin-bottom: 20px;}
.slideshow, .slideshow .slides {width: 800px;height: 400px;}
.slideshow img {max-width: 800px;max-height: 400px;}
.slides {position: absolute;overflow: hidden;}
.slides li a, .slides li img { display: block;}
.slidenav {position: absolute; bottom: 20px;right: 20px;text-align: right;z-index: 100;height: 16px;line-height: 16px;overflow: hidden;}
.slidenav li {display: inline;}
.slidenav li a { display: inline-block; margin: 3px; width: 12px; height: 12px; overflow: hidden;  background: #706f6e; text-decoration: none; border-radius: 12px;}
.slidenav li a span { display: none;}
.slidenav li.active a {background-color: #fff;}
.slidetip { position: absolute; bottom: 0; height: 46px; left: 0; font-size: 24px; color: #fff; overflow: hidden;}
.slidetip .front { position: absolute; top: 0; left: 0; padding: 3px 0 0;  width: 100%; line-height: 46px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.slidetip .front a { margin-left: 25px; color: #fff;}
.slidetip .bg { position: absolute; top: 0;  left: 0; background: url("bg.png") left bottom repeat-x;background-size: 100% 100%;}
.slidetip a {color: #fff;}
/*列表*/
.list {padding-bottom: 40px;background: #FFFFFF;}
.list ul {margin-bottom: 20px;}
.list li{position: relative;height:160px;/*overflow:hidden;*/margin: 0 30px;padding: 30px 0;border-bottom: 1px solid #e5e5e5;}
.list li:last-of-type {border-bottom: none;}
.list li >a {float: left;width:240px; height:160px;margin-right: 20px;}
.list li img{ margin:auto;max-width:240px; max-height:160px;}
.list li .word{position: relative;height:160px;overflow: hidden;}
.list li .title{height: auto;max-height: 72px;min-height: 60px;margin-bottom: 10px;overflow: hidden;font-size: 24px;color: #333;padding: 0;line-height: 36px;}
.list li .recommend{position:absolute;bottom: 30px;right:-20px;width:40px;height:22px;background: #ff551e;color: #fff;font-size: 14px;text-align: center;line-height: 22px;}
.list li .des{/*height: 56px;*/white-space: nowrap;overflow: hidden;text-overflow:ellipsis;font-size: 18px;color: #888;}
.list li .down{font-size: 18px;color: #888;position: absolute;bottom: 0;display: inline;}
.list li:hover{margin: 0;padding: 30px 30px;box-shadow: 0 0 30px 0 rgba(0,0,0,.08);}
.list li:hover img{opacity: 0.9;}
.list li:hover .title{color: #ff551e;}
.list li:hover .recommend{right:0;}
.more_list{display:block;width:220px;height:44px;background: #f5f5f7;font-size: 14px;color: #888888;margin: 0 auto;line-height: 44px;cursor: pointer;border:none;outline:none; }
.more_list:hover{background: #ebebed;}
/*右边内容*/
.right{width: 260px;margin-left: 20px;float: right;}
.right >div{margin-bottom: 20px;}
.right .article{margin-bottom: 20px;background: #fff;}
.right .title{padding-left: 10px;padding-right:  0;background: url(dec1.png) left center no-repeat;font-size: 20px;color: #333333;line-height: 24px;margin-bottom: 15px;height: 24px;font-weight: normal;}
/*成都范儿*/
.right .cdfe{padding: 15px;border-top: 4px solid #ff551e;}
/*.right .cdfe .title{color: #ff6600;font-size: 14px;line-height: 18px;}*/
.right .cdfe .title a{float:right;font-size: 14px;color: #888888;}
.right .cdfe li{font-size: 14px;line-height: 34px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.right .cdfe li a{color: #333;}
.right .cdfe li:hover a {color: #ff551e}
/*.right .cdfe li a:hover{text-decoration: underline;color: #2370c8;}*/
.right .cdfe li i{/*float:left;*/margin-right: 5px;}
.right .cdfe i img{vertical-align: middle;}
.right .cdfe .item5{border-bottom: none;}
/*华西都市报电子版*/
.right .ebook{padding: 15px;border-top: 4px solid #ff551e;}
.right .ebook .title a{float:right;font-size: 12px;color: #434343;border: 1px solid #dcdcdc;padding: 2px 5px;background-color: rgb( 246, 246, 246 );}
.right .ebook img{width: 100%;}
/*广告*/
.right_ads img{display:block;width: 100%;}
/*推广*/
.right_promote {position: relative;}
.right_promote .hover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: none;}
.right_promote:hover .hover{display: block;}
/*微信*/
.weixin{padding: 15px 15px 35px;border-top: 4px solid #ff551e;position: relative;width: 230px;}
/*.weixin .excerpt{background: #fff;padding: 10px 15px;}*/
.weixin .excerpt p{text-align: center;font-size: 14px;color: #000;line-height: 22px;}

/***************************内容部分结束***********************/

/***********尾部开始***********/
.footer{width: 100%;}
.footer a{color: #888888;font-size: 12px;line-height: 30px;}
/*.footer p{font-size: 12px;line-height: 30px;}*/
.footer h6{font-size: 16px;color: #333333;font-weight: normal;margin-bottom: 10px;}
.footer .friendsLink li {float: left;margin-right: 10px;line-height: 30px;white-space: nowrap;}
.friendsLink a{margin-right: 10px;}
.main-footer .item:nth-child(1) {width: 800px;}
.footer .main-footer .right{width: 200px;}
.footer .right h6{margin-bottom: 40px;}
.footer .about{margin-right: 20px;padding-top:40px;background: url(about.png) center top no-repeat;}
.footer .about:hover {background: url(about1.png) center top no-repeat;}
.footer .brand{margin-right: 20px;padding-top:40px;background: url(brand.png) center top no-repeat;}
.footer .brand:hover {background: url(brand1.png) center top no-repeat;}
.footer .praice{padding-top:40px;background: url(praice.png) center top no-repeat;}
.footer .praice:hover {background: url(praice1.png) center top no-repeat;}

.sub-footer{height: 60px;background: #e6e6e6;overflow:hidden;line-height: 60px;font-size: 12px;color: #333333;}
.sub-footer .left {padding-bottom: 0;}
.sub-footer p {line-height: 60px;}
.sub-footer .right {text-align: right;}
.sub-footer img {height: 40px;margin-top: 10px;}
/***********尾部结束***********/
/*返回顶部*/
.gototop {width: 48px;height: 48px;position: fixed;left:50%;bottom: 50px; margin-left: 560px;background: #fff;overflow:hidden;border-radius: 50%;z-index: 999;display: none;}
.gototop .goto{width: 48px;height: 48px; background: url(gotop.png) center no-repeat;}
.gototop:hover .goto{background: url(gotop1.png) center no-repeat;}
.gototop p {font-size: 12px;font-family: "Microsoft YaHei";color: rgb( 0, 0, 0 );line-height: 1.833;text-align: center;}

.loading{display: block;margin: auto;}
/*热门活动*/
.hot { /*display: flex; flex-wrap: wrap;*/}
.box{ display: block;position: relative;float: left;margin-bottom: 20px;overflow: hidden;box-shadow: 0 0 26px 6px rgba(0,0,0,.08);}
.box{ width: 525px;height: 390px}
.box:nth-child(2n+1){ margin-right: 30px;}
/*.box:nth-child(8n+1),.box:nth-child(8n+2){ width: 525px;height: 390px}
.box:nth-child(8n+1){ margin-right: 30px;}
.box:nth-child(8n+3),.box:nth-child(8n+6){ width: 720px;height: 530px;}
.box:nth-child(8n+3),.box:nth-child(8n+7),.box:nth-child(8n){ margin-right: 25px;}
.box:nth-child(8n+4),.box:nth-child(8n+5),.box:nth-child(8n+7),.box:nth-child(8n) { width: 335px;height: 255px;}
.box:nth-child(8n+5),.box:nth-child(8n+6) { float: right;}*/
.box >img { width: 100%;}
.desc{ position: absolute;top: 0;left: 0;right: 0;bottom: 100px;padding: 30px 50px;background: rgba(255,127,0,.88);z-index: 1;color: #fff;display: none;}
.desc p { margin-bottom: 20px;overflow:hidden;font-size: 16px;}
/*.box:nth-child(8n+4) .desc p,.box:nth-child(8n+5) .desc p ,.box:nth-child(8n+7) .desc p,.box:nth-child(8n) .desc p{max-height: 50px;}*/
.desc button  {display: block;margin: auto;width: 140px;height: 44px;background: none;border: 1px solid #fff;font-size: 20px;line-height: 44px;color: #fff; cursor: pointer;}
.box:hover .desc{ display: block;}
.wave {position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;}
.wave .img{display: block;width: 100%;}
.wave .title{padding: 20px 30px 30px;background: #fff;overflow: hidden;}
.box .title {display: flex;align-items: center;height: 60px;}
.wave .title p{overflow: hidden;color: #333333;}
.box .title p {max-height: 60px;font-size: 22px;}
/*.box:nth-child(8n+1) .title,.box:nth-child(8n+2) .title  {display: flex;align-items: center;height: 60px;}
.box:nth-child(8n+3) .title,.box:nth-child(8n+6) .title {display: flex;align-items: center;height: 70px;}
.wave .title p{overflow: hidden;color: #333333;}
.box:nth-child(8n+1) .title p,.box:nth-child(8n+2) .title p {max-height: 60px;font-size: 22px;}
.box:nth-child(8n+3) .title p,.box:nth-child(8n+6) .title p {max-height: 70px;font-size: 24px;}
.box:nth-child(8n+4) .title p,.box:nth-child(8n+5) .title p ,.box:nth-child(8n+7) .title p,.box:nth-child(8n) .title p {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 20px;}*/
.more_hot{ display:block;width: 100%;height:44px;margin: 0 auto;background: #eb6100;font-size: 14px;line-height: 44px;cursor: pointer;color: #fff;}